import React from 'react';
import './tab.less';

class Tabs extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = 'Tabs';
        this.state = {
            // value:this.props.defaultValue
        }
    }
    change(item) {
        if(this.props.onChange){
            this.props.onChange(item)
        }
    }
    render() {
        return <div className="tederen-tab">
            {
                this.props.tab.map((item,i)=>{
                    return <div onClick={this.change.bind(this,item)} key={i} className="tab">
                        {
                            this.props.value==item?
                            <div className="tab-active">{item}</div>:
                            <div className="tab-no">{item}</div>
                        }
                    </div>
                })
            }
        </div>
    }
}

export default Tabs
